<script setup>
import { useProject } from '@/stores/modules/project.js'
import { onMounted, ref } from 'vue';

const project = useProject()

const app = ref()
onMounted(() => {
  project.isCollapse = app.value.clientWidth <= 960
  window.addEventListener('resize', function(){
    project.modifyIsResize()

    project.isCollapse = app.value.clientWidth <= 960
  })
})
</script>

<template>
  <div id="app" v-loading="project.loading" ref="app">
    <router-view />
  </div>
</template>